/*----------------------------------  我的收藏 CSS文件 ----------------------------------*/

*{
    padding: 0;
    margin: 0;
}



#myFavorite-header{  /*页头具体设置*/
    background-color: white;
    padding: 3%;
}

#myFavorite-main{
    background-color: white;
}
p {
    display: block;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
#myFavorite-header p{   /*页头 文字部分向右偏移*/
    margin-left: 4%;
    font-size: 1rem;
    font-weight: 100;
}
/*#myFavorite-header span{*/
    /*font-size: 1rem;*/
/*}*/

#myFavorite-header span{    /*页头 fontface图标 设置*/
    font-size: 1rem;
    margin-right: 2%;
}


.containerDiv{  /*放所有 收藏的DIV*/
    width: 100%;
}


.contentDiv{    /*放 每个收藏的DIV*/
    width: 100%;
    padding: 4%  2%  33%  2%;
    border-bottom: 1px solid #D0D0D0;
}

.imgDiv{    /*每个收藏中 , 左边的图片 DIV*/
    float: left;
    /*outline: 1px solid red;*/
    width: 35%;
    padding-bottom: 30%;
    background: url("../images/myFavorite/food.png") center center;
    background-size: cover;
}

.textDiv{   /*每个收藏中 , 右边的文字信息 DIV*/
    width: 65%;
    /*padding-bottom: 30%;*/
    float: left;
    /*outline: 1px solid green;*/
    overflow: hidden;
}


.contentDiv-title p:nth-of-type(1){ /*每个收藏中 , 文章标题P 设置*/
    color: black;
    margin-bottom: 2%;

    display: block;
    width: 90%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.contentDiv-title span:nth-of-type(1){  /*每个收藏中 , 文章标题 左边的fontface设置*/
    font-size: 1.5rem;
    /*color: #FAE6DD;*/
    color: orangered;
}

.imgDiv img{
    width: 100%;
}

.textDiv p:nth-of-type(1){  /*文字信息里 第一个P的设置*/
    margin-left: 5%;
    margin-right: 5%;
    font-size: 1.3rem;
    color: black;

    display: block;
    width: 90%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.textDiv p:nth-of-type(2),.textDiv p:nth-of-type(3){  /*文字信息里 第二个P的设置*/
    margin-top: 1%;
    margin-left: 5%;
    margin-right: 5%;
    font-size: 1.2rem;
    color: #5A5A5A;

    display: block;
    width: 90%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}




